
// 创建一个 canvas 元素
import jsPDF from "jspdf";
import html2canvas from "html2canvas";
export function generatePDFFromCanvas(fileName) {
// 创建一个新的 jsPDF 实例
    const doc = new jsPDF();
    // 获取 canvas 元素

    const element = document.getElementById('pdfDom');

// 使用 html2canvas 将 div 元素转换为 Canvas 元素
    html2canvas(element).then(canvas => {
        // 在这里可以使用转换后的 Canvas 元素进行后续操作
        // 例如，将图像添加到 PDF 中并保存

        // 获取 canvas 的内容作为图像数据
        const canvasDataUrl = canvas.toDataURL('image/png');


// 创建一个图像对象
        const img = new Image();
        img.src = canvasDataUrl;

// 等待图像加载完成
        img.onload = function () {
            // 获取图像的宽度和高度
            const imgWidth = img.width;
            const imgHeight = img.height;

            // 将图像添加到 PDF 中，并保持相同的尺寸
            doc.addImage(img, 'PNG', 0, 0, imgWidth, imgHeight);

            // 保存或打印 PDF
            doc.save(fileName+'.pdf');
        };


    });


}
